@charset "utf-8";
/* CSS Document */

    /* 全局样式 */
    body {
        font-family: "Microsoft YaHei", "SimHei", Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #f0f2f5;
        color: #333;
    }
    a {
        text-decoration: none;
        color: #333;
    }
    a:hover {
        color: #0056b3;
    }
    .container {
        width: 1200px;                 /* 【修改】将固定宽度改为百分比，例如 90% */
        margin: 0 auto;
        background-color: transparent; /* 【关键修改】强制背景透明 */
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }

    /* 头部 Header */
    header {
        background: linear-gradient(to right, #0056b3, #003d7e);
        color: #fff;
        padding: 20px 0;
        border-bottom: 3px solid #002a50;
       /* position: relative; */
    }
    .header-content {
        display: flex;
        align-items: flex-start;           /* 【修改】将 'center' 改为 'flex-start' */
        justify-content: space-between; /* 【关键】左右两端对齐，Logo 在左，Search 在右 */
        width: 100%; /* 【修改】宽度改为 80%，这样左右自然各留 10% 的空白 */
        margin: 10px;   /* 添加一点顶部内边距，让内容离顶部更美观 */
        box-sizing: border-box;
        /*flex-wrap: wrap;*/        /* 防止在小屏幕上挤坏 */
    }

    .logo {
        height: 70px;
        margin-right: 20px;
    }
    .logo-container {
        display: flex;
        align-items: center;
        /*max-width: calc(80vw - 300px - 40px); */ /* 【同步修改】如果之前用了 calc()，这里的基准也应改为 80vw 或者一个合适的相对单位 */
        flex: 1; /* 让 Logo 和文字部分占据左侧可用空间 */
    }

    .committee-name {
        font-size: 26px;
        font-weight: bold;
        line-height: 1.5;
        color: #fff; /* 强制白色 */ 
        background-color: transparent; /* 【关键修改】强制背景透明 */
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* 增加文字阴影，防止背景看不清 */
        margin: 0; /* 移除默认边距 */
        padding: 0;
        border: none;
        overflow: hidden; /* 防止内容溢出 */
        text-overflow: ellipsis; /* 如果文字过长，显示省略号 */
        white-space: nowrap; /* 防止文字换行 */
    }
    .committee-name-en {
        font-size: 14px;
        font-weight: normal;
        font-style: italic;
        line-height: 1.5;
        color: #e0e0e0; /* 英文稍微淡一点 */
        margin-top: 5px; /* 与中文拉开一点距离 */
        overflow: hidden; /* 防止内容溢出 */
        text-overflow: ellipsis; /* 如果文字过长，显示省略号 */
        white-space: nowrap; /* 防止文字换行 */
    }

  /* 搜索框容器 */
    .search-box {
        display: flex;             /* 【关键】使用 Flex 布局，确保子元素横向排列 */
        align-items: center;       /* 【关键】垂直居中对齐 */
        flex-shrink: 0; /* 防止搜索框被压缩 */
    }

    /* 输入框 */
    .search-box input {
        padding: 8px 10px;
        width: 200px;              /* 【关键】限制宽度，不要设置 100%，否则按钮会被挤下去 */
        /* --- 添加以下三行样式 --- */
        border: 1px solid #ccc;        /* 添加灰色边框 */
        border-radius: 4px;            /* 可选：给边框添加圆角，使其更美观 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
        /* --- 结束添加 --- */
        /*border: none;
        border-radius: 4px 0 0 4px;*/ /* 左侧圆角，右侧直角 */
        font-size: 14px;
        outline: none;             /* 去除点击时的默认边框 */
        box-sizing: border-box;    /* 确保 padding 不会撑大宽度 */
    }

    /* 按钮 */
    .search-box button {
        padding: 8px 15px;
        background: #fff;
        /* --- 添加以下三行样式 --- */
        border: 1px solid #ccc;        /* 添加灰色边框 */
        border-radius: 4px;            /* 可选：给边框添加圆角，使其更美观 */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
        /* --- 结束添加 --- */
        /*border: none;
        border-radius: 0 4px 4px 0; */ /* 左侧直角，右侧圆角 */
        cursor: pointer;
        font-weight: bold;
        white-space: nowrap;       /* 防止按钮文字换行 */
    }

    /* 导航栏 */
    nav {
        background-color: #003366;
    }
    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    nav ul li {
        margin: 0 2px;
    }
    nav ul li a {
        color: #fff;
        display: block;
        padding: 12px 15px;
        font-size: 16px;
        transition: background 0.3s;
        text-align: center;
        min-width: 80px;
    }
    nav ul li a:hover {
        background-color: #00254d;
    }

    /* 当前页导航按钮高亮样式 */
    nav ul li a.active {
      color: #2d8cf0;    /* 蓝色文字 */
      font-weight: bold;  /* 加粗 */
      border-bottom: 2px solid #2d8cf0; /* 底部横线 */
    }

     /* Footer 页脚 */
    footer {
        background-color: #002a50;
        color: #ccc;
        text-align: center;
        padding: 30px 0;
        font-size: 14px;
        border-top: 1px solid #001f3d;
    }
    .footer-content {
        max-width: 1200px;
        margin: 0 auto;
        line-height: 2.5;
    }
    .footer-content a {
        color: #99ccee;
    }